import React, {Fragment} from 'react'
import { AtIcon } from 'taro-ui'
import {View,Text, Image} from '@tarojs/components'
import './index.scss'
export default function Favorites({favoritesList}){
  return (
    <Fragment>
    {
      favoritesList.map((item,index) => {
        return (
          <View  className='favorites_item'>
            <Image className='favorites_item_img' src={item.url} />
            <View className='favorites_item_fr'>
              <Text className='item_fr_tit'>{item.tit}</Text>
              <Text className='item_fr_info'>{item.content}</Text>
              <View className='item_fr_foo'>
                <Text>{item.price}</Text>
                <AtIcon value='add-circle' size='22' color='#48b25a' />
              </View>
            </View>
          </View>
        )
      })
    }
    </Fragment>
  )
}
